body{
  background: url(../images/background.png) no-repeat;
  background-size:100% 100%;
}
body,html{
  height:100%;
  width:100%;
}
h1{
  font-size: 24px;
  color: #FFFFFF;
  letter-spacing: -0.6px;
  margin-top: 8%;
  margin-bottom: 6%;
}
.login-box{
  position: absolute;
  top:31.5%;
  left:36.5%;
  width:27%;
  height:37%;
  opacity: 0.4;
  background: #464646;
}
.login{
  position: absolute;
  top:31.5%;
  left:36.5%;
  width:27%;
  height:37%;
}
form{
  width:80%;
  height: 80%;
  margin: 0 auto;
}
input[type=text],input[type=password]{
  background: #F0F0F0;
  border: 1px solid #979797;
  box-shadow: inset 0 0 3px 0 #999999;
  text-align: left;
  height: 100%;
  width:100%;
  text-indent: 10px;
}
input[type=checkbox]{
  margin-bottom: 5%;
}
input[type=button]{
  background: #FF6B6B;
  box-shadow: inset 0 0 3px 0 #333333;
  font-size: 18px;
  color: #FFFFFF;
  height: 15%;
  width: 100%;
}
.input-box{
  position: relative;
  width:100%;
  height: 15%;
  margin-bottom: 5%;
}
i{
  position: absolute;
  top:50%;
  right: 0;
  margin-top: -16px;
  width:32px;
  height:32px;
  display: inline-block;
}
.password{
  background: url(../images/password_icon.png)  no-repeat center;
}
.username{
  background: url(../images/username_icon.png)  no-repeat center;
}
